<!DOCTYPE html>
<html>
 <head>
  <title>
   PixieApp Publishing to the Web
  </title>
  <meta content="&#xA9;Copyright IBM Corporation 2018" name="copyright"/>
  <meta content="&#xA9;Copyright IBM Corporation 2018" name="DC.Rights.Owner"/>
  <meta content="&#xA9; Copyright IBM Corporation 2016, 2017, 2018" name="dcterms.rights"/>
  <meta content="2018-03-09" name="DC.date"/>
 </head>
 <body>
  <div>
   <h1>
    PixieApp Publishing to the Web
   </h1>
   <p>
    <strong>
     The Publication Process
    </strong>
   </p>
   <p>
    Once you have developed your PixieApp in a Jupyter Notebook, here's how you can publish it to the web
   </p>
   <p>
    Click on the
    <strong>
     publish icon
    </strong>
    (the electric plug icon 🔌 in the upper-right corner) to deploy the PixieApp into the PixieGateway.
   </p>
   <img alt="_images\pixieapp-publish-button.png" src="https://raw.githubusercontent.com/ibm-watson-data-lab/pixiedust/master/docs/_images\pixieapp-publish-button.png"/>
   <p>
    The Publish Configuration dialog contains the following panels:
   </p>
   <ol>
    <li>
     <p>
      Basic configuration info, such as server address, page title, and page icon. The only required field is the PixieGateway server location. You can simply enter it, and click the
      <strong>
       Publish
      </strong>
      button.
     </p>
    </li>
   </ol>
   <img alt="_images\publish-pixieapp-config.png" src="https://raw.githubusercontent.com/ibm-watson-data-lab/pixiedust/master/docs/_images\publish-pixieapp-config.png"/>
   <ol>
    <li>
     <p>
      You can also view more details. The Imports pane contains a list of package dependencies (automatically detected by static code analysis).
     </p>
    </li>
   </ol>
   <img alt="_images\publish-pixieapp-imports.png" src="https://raw.githubusercontent.com/ibm-watson-data-lab/pixiedust/master/docs/_images\publish-pixieapp-imports.png"/>
   <ol>
    <li>
     <p>
      And finally, you can view the Kernel Spec information.
     </p>
    </li>
   </ol>
   <img alt="_images\publish-pixieapp-kernel.png" src="https://raw.githubusercontent.com/ibm-watson-data-lab/pixiedust/master/docs/_images\publish-pixieapp-kernel.png"/>
   <p>
    If all goes well, you should see a dialog similar to the following:
   </p>
   <img alt="_images\pixieapp-publish-success.png" src="https://raw.githubusercontent.com/ibm-watson-data-lab/pixiedust/master/docs/_images\pixieapp-publish-success.png"/>
   <p>
    Click on the provided link and start using the PixieApp as a regular web application.
   </p>
   <img alt="_images\pixieapp-published-final.png" src="https://raw.githubusercontent.com/ibm-watson-data-lab/pixiedust/master/docs/_images\pixieapp-published-final.png"/>
   <p>
    <h3>
     Return to main topic for:
    </h3>
    <ul>
     <li>
      <a href="pixiegateway.html">
       PixieGateway: A Web Server for PixieApps and PixieDust Charts
      </a>
     </li>
    </ul>
   </p>
  </div>
 </body>
</html>
